<template>
	<view class="category-wrap" :data-theme="theme()" :class="theme() || ''">
		<!-- #ifdef APP-PLUS -->
		<header-bar></header-bar>
		<!-- #endif -->
		<!-- 搜索框 -->
		<view class="index-search-box-cate d-b-c" id="searchBox" :style="
        topBarHeight() == 0
          ? ''
          : 'height:' + topBarHeight() + 'px;padding-top:' + topBarTop() + 'px'
      ">
			<view class="index-search-cate flex-1 t-c" @click="gotoSearch">
				<span class="icon iconfont icon-sousuo"></span>
				<text class="ml10">{{ searchName }}</text>
			</view>
			<!-- #ifdef MP-WEIXIN -->
			<view class="wx-top-right"></view>
			<!-- #endif -->
		</view>
		<!--类别列表-->
		<!-- 分类视图 -->
		<view>
			<view class="category-tab" id="category-tab">
				<view class="tabItem" v-for="(item,index) in listData" :key="index"
					:class="[selectIndex == index ? 'tabActive' : '','tabItem']" @click="selectCategory(index)">
					{{ item.name }}
				</view>
			</view>
			<view class="category-child">
				<view class="category-child-left" :style="'height:' + scrollviewHigh + 'px;'">
					<view :class="[selectChildId === item.categoryId ?'active' :'' ,'catetgoryItem']"
						v-for="(item, index) in childlist" @click="changeCategory(item.categoryId)" :key="index">
						{{ item.name  }}</view>
				</view>
				<view class="category-child-right" v-if="productlist.length>0">
					<scroll-view style="height: 76vh;background: #fff;" scroll-y="true"
						@scrolltolower="scrolltolowerFunc">
						<view class="scollrMain" v-for="(product,index) in productlist" :key="product.productId" @click="
					    gotoPage( '/pages/product/detail/detail?productId=' +product.productId)">
							<view class="scollrImg">
								<image :src="product.productImage"></image>
							</view>
							<view class="scollrContent">
								<view class="title">
									{{ product.productName}}
								</view>
								<view style="position: relative;">
									<view class="priceContent">
										¥ {{token && UserState == '20'?product.productPrice:'**'}}
										<text
											class="pricesell">{{token && UserState == '20'?product.productSales:'**'}}
											已售</text>
									</view>
								</view>
							</view>
							<view class="scorrlRight" v-if="product.productType != 2"
								@click.stop="addShopping(product)">
								<image src="../../static/tabbar/cart_1.png"></image>
							</view>
						</view>
						<view v-if="no_more" style="text-align: center;padding: 10rpx; color: #a0a0a0;">没有更多数据了</view>
					</scroll-view>
				</view>
				<view class="category-child-right" :style="'height:' + scrollviewHigh + 'px;'"
					style="display: flex;align-items:center;justify-content:center" v-else>
					<image src="../../static/none.png" mode="" style="width: 200rpx; height: 200rpx;"></image>

				</view>
			</view>
		</view>
		<!-- 结算弹窗 -->
		<categoryMaskVue ref="categoryMaskRef" :dataList="productArr" @get-shopping-num="getShoppingNum" />
		<!-- 快速结算 -->
		<!-- <template v-if="isBuyFast()">
      <view
        class="shopping d-b-c"
        id="shopping"
        :class="[{ customTabBar: isAuto == 1 }, { H5: platFormType == 'web' }]"
      >
        <view class="shopping-l d-s-c">
          <view class="shopping-circle" @click="lookProduct">
            <view class="shopping-icon icon iconfont icon-gouwuchefill"></view>
            <view class="shopping-num" v-if="shoppingNum && shoppingNum != 0">{{
              shoppingNum
            }}</view>
          </view>
          <view class="shopping-price d-s-c">
            <view class="shopping-symbol">￥</view>
            <view>{{ shoppingPrice }}</view>
          </view>
        </view>
        <button class="shopping-r" @click="Submit">去结算</button>
      </view>
    </template> -->
		<view id="emptyShopping" v-if="isDomHeight && isAuto == 1"></view>
		<!-- #ifdef H5 -->
		<view id="footBottom" v-if="is_auto == 1 && isDomHeight"></view>
		<!-- #endif -->
		<tabBar @get-footer-height="getFooterHeigth"></tabBar>
		<!--购物确定-->
		<spec :isPopup="isPopup" :productModel="productModel" @close="closePopup"></spec>
	</view>
</template>

<script>
	import spec from "@/pages/product/detail/popup/spec.vue";
	import categoryMaskVue from "./categoryMask.vue";
	import throttle from "@/common/throttle.js";
	export default {
		components: {
			spec,
			categoryMaskVue,
		},
		data() {
			return {
				loading: true,
				searchName: "搜索商品",
				/*展示方式*/
				showType: 3,
				style: 1,
				/*手机高度*/
				phoneHeight: 0,
				/*可滚动视图区域高度*/
				scrollviewHigh: 0,
				/*数据*/
				listData: [],
				/*子类数据*/
				childlist: [],
				/*当前选中的分类*/
				selectIndex: 0,
				catename: "",
				productlist: [],
				pageIndex: 1,
				categoryId: 0,
				tableData: [],
				isLogin: false,
				shoppingNum: 0,
				shoppingPrice: null,
				productModel: {},
				isPopup: false,
				specData: null,
				detail: null,
				isDomHeight: true,
				shoppingHeight: 0,
				searchHeight: 0,
				footerHeight: 0,
				tabHeight: 0,
				productArr: [],
				is_auto: 0,
				platFormType: "",
				selectChildId: 0,
				no_more: false,
				token:uni.getStorageSync('token'),
				UserState:uni.getStorageSync('UserState'),
			};
		},
		onLoad() {
			const platFormType = uni.getSystemInfoSync().uniPlatform;
			this.platFormType = platFormType;
			// 加载数据
			this.shoppingPrice = "0.00";
			this.shoppingNum = 0;
			this.productlist = [];
			this.no_more = false;
			this.pageIndex = 1;
			this.getData();
		},
		onShow() {
			this.getShoppingNum();
			this.getUserState();
			let tabBarObj = uni.getStorageSync("TabBar");
			if (tabBarObj) {
				this.isAuto = tabBarObj.isAuto;
			}

		},
		mounted() {
			this.init();
			// this.getData();
			// this.debouncedChangeCategory = this.debounce(this.changeCategory, 3000);
		},
		computed: {
			/*加载中状态*/
			loadingType() {
				if (this.loading) {
					return 1;
				} else {
					if (this.productlist.length != 0 && this.no_more) {
						return 2;
					} else {
						return 0;
					}
				}
			},
		},
		/**
		 * 设置分享内容
		 */
		onShareAppMessage() {
			let self = this;
			return {
				title: self.templet.shareTitle,
				path: "/pages/product/category?" + self.getShareUrlParams(),
			};
		},
		methods: {
			// 获取审批状态
			getUserState(){
				let self = this;
				self._post('user/user/detail', {
					source: self.getPlatform()
				}, function(res) {
					// AUDIT("审批中", 10),
					// NORMAL("正常", 20),
					// DISABLE("禁用", 30),
					// REFUSE("审批拒绝",40),
					uni.setStorageSync('UserState', res.data.status);
				});
			},
			/*可滚动视图区域到底触发*/
			scrolltolowerFunc() {
				console.log('触发')
				let self = this;
				console.log(1);
				if (self.no_more) {
					return;
				}
				console.log(2);
				self.pageIndex++;
				if (self.pageIndex <= self.lastPage) {
					self.getProduct();
				} else {
					self.no_more = true;
				}
			},
			debounce(func, wait) {
				let timeout;
				return function(...args) {
					const context = this;
					clearTimeout(timeout);
					timeout = setTimeout(() => {
						func.apply(context, args);
					}, wait);
				};
			},
			handleClick(item) {
				this.debouncedChangeCategory(item.categoryId);
			},
			lookProduct() {
				this.$refs.categoryMaskRef.open();
			},
			isBuyFast() {

				if (this.isLogin) {

					if (
						(this.isLogin && this.showType == 10 && this.style == 4) ||
						(this.showType == 20 && this.style == 3)
					) {
						let height =
							this.phoneHeight - this.searchHeight - this.shoppingHeight - this.tabHeight;
						if (this.isAuto == 1) {
							// #ifdef H5
							this.scrollviewHigh = height - this.footerHeight;
							// #endif
							// #ifndef H5
							this.scrollviewHigh = height;
							// #endif
						} else {
							this.scrollviewHigh = height;
						}
						return true;
					}
				}
				// #ifdef H5
				if (this.isAuto == 1) {
					this.scrollviewHigh =
						this.phoneHeight - this.searchHeight - this.footerHeight - this.tabHeight - this.shoppingHeight;
				} else {
					this.scrollviewHigh = this.phoneHeight - this.searchHeight - this.tabHeight - this.shoppingHeight;
				}
				// #endif
				// #ifndef H5
				this.scrollviewHigh = this.phoneHeight - this.searchHeight - this.tabHeight - this.shoppingHeight;
				// #endif
				return false;
			},
			caluteScollHeight() {
				this.scrollviewHigh = this.phoneHeight - this.searchHeight - this.tabHeight - this.shoppingHeight;
			},
			showTwo() {
				if (this.showType == 20 && (this.style == 2 || this.style == 3)) {
					return true;
				}
				if (this.showType == 10 && this.style == 2) {
					return true;
				}
				return false;
			},
			/*初始化*/
			init() {
				let self = this;
				uni.getSystemInfo({
					success(res) {
						self.phoneHeight = res.windowHeight;

						// 计算组件的高度
						let view = uni.createSelectorQuery().select("#searchBox");
						view
							.boundingClientRect((data) => {
								self.searchHeight = data.height || 0;
								self.caluteScollHeight()
							})
							.exec();
						let shoppingView = uni.createSelectorQuery().select("#shopping");
						if (shoppingView) {
							shoppingView
								.boundingClientRect((data) => {
									if (data && data.height) {
										self.shoppingHeight = data.height;
										self.caluteScollHeight()
									}
								})
								.exec();
						}
						let footBottomView = uni.createSelectorQuery().select("#footBottom");
						console.log(footBottomView);
						if (footBottomView) {
							footBottomView
								.boundingClientRect((data) => {
									if (data && data.height) {
										self.footerHeight = data.height;
										self.caluteScollHeight()
									}
								})
								.exec();
						}
						console.log(self.footerHeight);
						const tabView = uni.createSelectorQuery().select('#category-tab')
						if (tabView) {
							view
								.boundingClientRect((data) => {
									self.tabHeight = data.height || 0;
									self.caluteScollHeight()
								})
								.exec();
						}

						self.isDomHeight = false;
					},
				});
			},
			getFooterHeigth(height) {
				this.footerHeight = height;
			},

			/*判断是否有图片*/
			hasImages(e) {
				if (e && e.imagePath != null) {
					return e.imagePath;
				} else {
					return "";
				}
			},

			/*获取数据*/
			getData() {
				uni.showLoading({
					title: 'loading...'
				})
				let self = this;
				self.loading = true;
				self._get("product/category/index", {}, function(res) {
					uni.hideLoading()
					self.listData = res.data.list; //顶层分类
					self.catename = self.listData[0].name;
					self.showType = res.data.template.categoryStyle;
					self.style = res.data.template.windStyle;
					if (self.listData && self.listData.length > 0) {
						if (self.listData[0].children && self.showType == 20) {
							self.categoryId = self.listData[0].children[0].categoryId;
							self.selectChildId = self.listData[0].children[0].categoryId;
							self.childlist = self.listData[0].children;

						} else {
							self.categoryId = self.listData[0].categoryId;

							self.selectChildId = self.listData[0].categoryId;
						}
					}
					if (self.style == 2) {
						self.getProduct();
					} else if (
						(self.showType == 10 && self.style == 4) ||
						(self.showType == 20 && self.style == 3)
					) {
						self.getProduct();
					}
					// if (self.listData[0].children) {
					//   self.childlist = self.listData[0].children;
					//   self.changeCategory(self.childlist[0].categoryId);
					// }
					self.background = res.data.background;
					self.$nextTick(() => {
						self.isBuyFast();
					});
					self.loading = false;
				});
			},
			/*去结算*/
			Submit() {
				let self = this;
				let arrIds = [];
				self.tableData.forEach((item) => {
					arrIds.push(`${item.productId}_${item.specSkuId}`);
				});
				if (arrIds.length == 0) {
					console.log("id", self.data);
					uni.showToast({
						title: "请选择商品",
						icon: "none",
					});
					return false;
				}
				self.gotoPage("/orderpages/order/saveOrder?orderType=cart&cartIds=" + arrIds);
			},
			/* 获取购物车数量 */
			getShoppingNum() {
				let self = this;
				self._post("order/cart/cart", {}, function(res) {
					const {
						data
					} = res;
					self.isLogin = false;
					if (data) {
						let totalNum = 0;
						let totalPrice = 0;
						let productArr = [];
						self.isLogin = true;
						self.tableData = data;
						if (data && data.length > 0) {
							data.forEach((v) => {
								totalNum = totalNum + v.totalNum;
								totalPrice =
									totalPrice +
									parseFloat(v.totalNum) * parseFloat(v.productPrice);
								productArr.push(v);
							});
						}
						self.productArr = productArr;
						self.shoppingNum = totalNum;
						self.shoppingPrice = totalPrice.toFixed(2);
					}
					/* const { data:{ productList }} = res;
				self.isLogin = false;
				if(productList){
					self.isLogin = true;
					self.tableData = productList;
					let totalNum = 0;
					let totalPrice = 0;
					let productArr = [];
					if(productList && productList.length > 0){
						productList.forEach((v)=>{
							if(v.productList && v.productList.length > 0){
								v.productList.forEach((item)=>{
									productArr.push(item)
									totalNum = totalNum + item.totalNum;
									totalPrice = totalPrice + parseFloat(item.totalNum) * parseFloat(item.productPrice);
								})
							}
						})
					}
					self.productArr = productArr;
					self.shoppingNum = totalNum;
					self.shoppingPrice = totalPrice.toFixed(2);
				} */
				});
			},
			/* 添加购物车初始化 */
			addShopping(item) {
				if (item.specType == 20) {
					this.getSpecData(item.productId);
				} else {
					this.addSingleSpec(item.productId);
				}
			},
			/* 单规格商品加入购物车 */
			addSingleSpec(productId) {
				let self = this;
				self._post(
					"order/cart/add", {
						productId: productId,
						totalNum: 1,
						specSkuId: 0,
					},
					function(res) {
						self.getShoppingNum();
					}
				);
			},
			/* 获取多规格商品 */
			getSpecData(productId) {
				let self = this;
				self._get(
					"product/product/detail", {
						productId: productId,
					},
					function(res) {
						if (res.data.specData) {
							self.isPopup = false;
							self.detail = res.data.detail;
							self.specData = res.data.specData;
							self.initSpecData(res.data.specData);
						} else {
							uni.showToast({
								title: "暂无规格，请于后台添加!",
								mask: false,
								duration: 1500,
								icon: "none",
							});
						}
					}
				);
			},
			/* 初始化规格弹窗 */
			initMaskPopup() {
				let obj = {
					specData: this.specData,
					detail: this.detail,
					productSpecArr: this.specData != null ? new Array(this.specData.specAttr.length) : [],
					showSku: {
						skuImage: "",
						price: 0,
						productSkuId: 0,
						linePrice: 0,
						stock: 0,
						sum: 1,
					},
					plusSku: null,
					type: "card",
					plusName: "",
				};
				this.productModel = obj;
				this.isPopup = true;
			},
			/*初始化多规格商品*/
			initSpecData(data) {
				for (let i in data.specAttr) {
					for (let j in data.specAttr[i].specItems) {
						data.specAttr[i].specItems[j].checked = false;
					}
				}
				this.specData = data;
				this.initMaskPopup();
			},
			closePopup() {
				this.isPopup = false;
				this.getShoppingNum();
			},
			changeCategory(e) {
				this.selectChildId = e
				if (this.loading == true) {
					return;
				}
				this.categoryId = e;
				this.productlist = [];
				this.no_more = false;
				this.pageIndex = 1;
				this.getProduct();
			},
			getProduct() {
				uni.showLoading({
					title: 'loading...'
				})
				let self = this;
				let page = self.pageIndex;
				let categoryId = self.categoryId;
				let sortType = self.sortType;
				let sortPrice = self.sortPrice;
				self.loading = true;
				self._postBody(
					"product/product/lists", {
						pageIndex: page || 1,
						categoryId,
						search: "",
						sortType: "",
						sortPrice: "",
						pageSize: 10,
					},
					function(res) {
						self.loading = false;
						self.productlist = self.productlist.concat(res.data.records);
						self.lastPage = res.data.lastPage;
						if (res.data.lastPage <= 1) {
							self.no_more = true;
						}
						uni.hideLoading();
					}
				);
			},
			/*选择分类*/
			selectCategory(e) {
				if (this.loading == true) {
					return;
				}
				throttle(() => {

					if (this.showType == 10) {
						this.selectIndex = e;
						this.catename = this.listData[this.selectIndex].name;
						this.changeCategory(this.listData[this.selectIndex].categoryId);
					} else {
						if (this.listData[e].children) {
							this.childlist = this.listData[e].children;
							this.selectIndex = e;
							this.catename = this.listData[this.selectIndex].name;
							this.changeCategory(this.childlist[0].categoryId);
						} else {
							this.selectIndex = e;
							this.childlist = [];
							this.catename = this.listData[this.selectIndex].name;
							this.changeCategory(this.listData[this.selectIndex].categoryId);
						}
					}
				});
			},
			hasSelect() {
				let self = this;
			},
			/*跳转产品列表*/
			gotoList(e) {
				let categoryId = e;
				let sortType = "all";
				let search = "";
				let sortPrice = 0;
				this.gotoPage(
					"/pages/product/list/list?categoryId=" +
					categoryId +
					"&sortType=" +
					sortType +
					"&search=" +
					search +
					"&sortPrice=" +
					sortPrice
				);
			},

			wxGetUserInfo: function(res) {
				if (!res.detail.iv) {
					uni.showToast({
						title: "您取消了授权,登录失败",
						icon: "none",
					});
					return false;
				}
			},

			/*跳转搜索页面*/
			gotoSearch() {
				this.gotoPage("/pages/product/search/search");
			},
		},
	};
</script>

<style lang="scss">
	@import "@/common/mixin.scss";
	$footer-tabBar-height: 98rpx;
	$shopping-height: 96rpx;

	page {
		min-height: 0;
	}

	.foot_ {
		height: 98rpx;
		width: 100%;
	}

	.scroll-3 {
		position: absolute;
		background: #ffffff;
		border-radius: 12px;
	}

	.catename {
		padding-top: 10rpx;
		line-height: 60rpx;
		border-bottom: 1rpx solid #eeeeee;
	}

	.catescroll2-top {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 20rpx 0;
		padding-left: 20rpx;
	}

	.catescroll2-top-item {
		// min-width: 142rpx;
		padding: 0 23rpx;
		height: 58rpx;
		background: #f6f6f6;
		border: 1rpx solid #f6f6f6;
		border-radius: 29rpx;
		margin-right: 14rpx;
		line-height: 58rpx;
		color: #666;
		text-align: center;
		box-sizing: border-box;
		white-space: nowrap;
	}

	.catescroll2-top-item.active {
		color: #fff;
		@include background_color("background_color");
		border: 1rpx solid #ee252a;
		@include border_color("border_color");
	}

	.product-item-2:first-child {
		margin-top: 20rpx;
	}

	.product-item-2 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 20rpx;
		margin-bottom: 25rpx;

		.product-image-2 {
			width: 194rpx;
			height: 194rpx;
			display: block;
			margin-right: 20rpx;
		}
	}

	.uni-scroll-view::-webkit-scrollbar,
	.catescroll2-top::-webkit-scrollbar {
		/*滚动条整体样式*/
		/*高宽分别对应横竖滚动条的尺寸*/
		display: block;
		width: 0rpx !important;
		height: 0rpx !important;
		-webkit-appearance: default-button;
	}

	.uni-scroll-view::-webkit-scrollbar-thumb,
	.catescroll2-top::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 10px;
		background-color: #909399;
	}

	.uni-scroll-view::-webkit-scrollbar-track,
	.catescroll2-top::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: #ededed;
		border-radius: 10px;
	}

	.price-wrap {
		position: relative;
		width: 100%;
	}

	.add-shopping-wrap {
		position: absolute;
		right: 0;
		top: 0;
		width: 48rpx;
		height: 48rpx;
		line-height: 48rpx;
		border-radius: 50%;

		.icon {
			margin-left: 6rpx;
			color: #fff;
		}
	}

	#emptyShopping {
		width: 100%;
		height: $shopping-height;
		opacity: 0;
	}

	#footBottom {
		width: 100%;
		height: $footer-tabBar-height;
	}

	.shopping {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: $shopping-height;
		background: #ffffff;
		border-top: 1px solid #eeeeee;
		padding: 0 34rpx;
		box-sizing: border-box;

		&.customTabBar {
			bottom: calc(env(safe-area-inset-bottom) + 98rpx);
		}

		&.H5 {
			bottom: calc(env(safe-area-inset-bottom) + 98rpx);
		}

		/* &.noH5:not(.customTabBar){
		bottom: 0;
	} */
		.shopping-l {
			.shopping-circle {
				width: 70rpx;
				height: 69rpx;
				line-height: 69rpx;
				background: #fff;
				border-radius: 50%;
				box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.4);
				position: relative;
			}

			.shopping-icon {
				@include font_color("font_color");
				font-size: 45rpx !important;
				text-align: center;
				margin-top: 3rpx;
			}

			.shopping-num {
				width: 28rpx;
				height: 28rpx;
				line-height: 28rpx;
				text-align: center;
				@include background_color("background_color");
				border-radius: 50%;
				position: absolute;
				right: 0;
				top: 0;
				font-size: 23rpx;
				color: #fff;
			}

			.shopping-price {
				@include font_color("font_color");
				font-size: 36rpx;
				margin-left: 42rpx;
				font-weight: bold;

				.shopping-symbol {
					font-size: 22rpx;
				}
			}
		}

		.shopping-r {
			width: 178rpx;
			height: 62rpx;
			line-height: 62rpx;
			@include background_color("background_color");
			border-radius: 31rpx;
			color: #ffffff;
			font-size: 30rpx;
		}
	}

	.category-tab {
		display: flex;
		gap: 20rpx;
		justify-content: space-between;
		background: #fff;
		position: relative;
		width: 100%;
		border-bottom: 1px solid #efefef;
		z-index: 1;
		overflow-x: auto;
		overflow-y: hidden;

		.tabItem {
			padding: 30rpx 30rpx 20rpx 30rpx;
			font-size: 30rpx;
			flex: 1;
			text-align: center;
			min-width: fit-content;
		}

		.tabActive {
			border-bottom: 2px solid #1aad58;
			color: #1aad58;
		}
	}

	.category-child {
		display: flex;

		.category-child-left {
			width: 200rpx;
			justify-content: center;
			overflow-y: scroll;

			.catetgoryItem {
				padding: 20rpx 10rpx;
				flex: 1;
				text-align: center;
				font-size: 28rpx;
			}

			.active {
				background: #FFF;
				border-left: 2px solid #1aad58;
			}

			.catetgoryItem:active {
				background: #fff;
			}
		}

		.category-child-right {
			flex: 1;

			.scollrMain {
				display: flex;
				flex-direction: row;
				background: #fff;
				gap: 10rpx;
				padding: 15rpx;
				width: 100%;
				overflow-x: hidden;
				border-bottom: 1px solid #efefef;

				.scollrImg {
					width: 150rpx;
					height: 130rpx;

					border-radius: 8rpx;
					margin: 10rpx auto;

					image {
						width: 150rpx;
						height: 130rpx;
						border-radius: 8rpx;
					}
				}

				.scollrContent {
					flex: 3;
					padding: 10rpx;
					display: flex;
					flex-direction: column;

					.title {
						flex: 1;
						overflow-wrap: break-word;
						/* 使得文本可以在适当的地方换行 */
						word-wrap: break-word;
						/* 别名，作用相同 */
						font-size: 28rpx;
					}

					.imageView {
						width: 60rpx;
						height: 60rpx;

						image {
							width: 60rpx;
							height: 60rpx;
						}
					}

					.priceContent {
						margin-top: 20rpx;
						color: red;

						.pricesell {
							color: #909399;
							text-align: right;
							font-size: 20rpx;
							// margin-left: 20rpx;
						}
					}
				}

				.scorrlRight {
					width: 70rpx;
					position: relative;

					image {
						width: 50rpx;
						height: 50rpx;
						position: absolute;
						right: 20rpx;
						bottom: 0rpx;
					}
				}
			}
		}

	}
</style>